
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>脚本之家网站导航</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<style>
		     /*清除所有内外边距解决浏览器兼容问题*/
			*{
			margin: 0;
			padding: 0;
			outline: none;
			 }
			 
			/* nav start*/
			.header{
				width: 1080px;
				font-size: 14px;
				margin: 0px auto;
			}
			.header .nav-top{
				background: #008EFF;
				width:100%;
				
			}
			.header .nav-top ul li{
				display: inline-block;
				height: 42px;
				padding: 0 20px;
				line-height: 42px;
			}
			.header .nav-top ul li a{
				text-decoration: none;
				color:#fff;
				
			}
			.header .nav-top ul li:hover{
				background: #047ee0;
			}
			/* nav end*/
		</style>
	</head>
	<body>
		<!-- S nav-->
		<div class="header" >
		<div class="nav-top">
			<ul>
				<li><a href="#">网站首页</a></li>
				<li><a href="#">网页制作</a></li>
				<li><a href="#">网络编程</a></li>
				<li><a href="#">脚本专栏</a></li>
				<li><a href="#">脚本下载</a></li>
				<li><a href="#">数据库</a></li>
				<li><a href="#">服务器</a></li>
				<li><a href="#">软件下载</a></li>
				<li><a href="#">操作系统</a></li>
				<li><a href="#">网站运营</a></li>
				<!--<li>
					<p class="hover">
						<li>其他</li>
						<span>
							<a href="#">电脑基础</a>
							<a href="#">硬件教程</a>
							<a href="#">网络安全</a>
						</span>
					</p>
					
				</li>-->
			</ul>	
		</div>
	</div>
		<!-- E nav-->
	</body>
</html>